.trans {
  position: absolute;
  width: 100%;
  min-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.53333rem;
  background: url(../img/bg.jpeg) no-repeat;
  background-size: 100% 100%;
  color: #FFF; }
  .trans .type {
    overflow: hidden; }
    .trans .type h3 {
      float: left;
      font-size: 0.66667rem;
      font-weight: 400; }
    .trans .type .rate {
      float: left;
      margin-left: 0.53333rem;
      line-height: 0.66667rem;
      font-size: 0.42667rem; }
  .trans .date {
    margin: 0.24rem 0 0.13333rem;
    line-height: 0.64rem;
    font-size: 0.37333rem; }
  .trans .count {
    font-size: 0.37333rem;
    color: #999; }
  .trans p {
    margin-top: 0.37333rem;
    text-align: justify;
    line-height: 0.48rem;
    font-size: 0.32rem; }
  .trans .qr {
    overflow: hidden;
    margin-top: 1.17333rem; }
    .trans .qr div {
      width: 50%;
      float: left;
      text-align: center; }
      .trans .qr div img {
        display: block;
        width: 1.12rem;
        height: 1.17333rem;
        margin: 0 auto; }
      .trans .qr div label {
        font-size: 0.37333rem; }
  .trans .sign-count {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6.13333rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 0.53333rem;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(73, 73, 73, 0.48)), color-stop(99%, rgba(18, 18, 18, 0.51)));
    background-image: -webkit-linear-gradient(bottom, rgba(73, 73, 73, 0.48) 0%, rgba(18, 18, 18, 0.51) 99%);
    background-image: linear-gradient(0deg, rgba(73, 73, 73, 0.48) 0%, rgba(18, 18, 18, 0.51) 99%);
    -webkit-box-shadow: 0 0.13333rem 0.4rem 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.13333rem 0.4rem 0 rgba(0, 0, 0, 0.2);
    overflow: scroll;
    z-index: 99; }
    .trans .sign-count .icon {
      padding: 0.26667rem 0; }
      .trans .sign-count .icon i {
        display: block;
        width: 0.8rem;
        height: 0.08rem;
        background: #D8D8D8;
        border-radius: 0.04rem;
        margin: 0 auto; }
    .trans .sign-count .type {
      margin-bottom: 0.32rem; }
      .trans .sign-count .type h3 {
        font-size: 0.58667rem; }
    .trans .sign-count ul {
      overflow: hidden; }
      .trans .sign-count ul li {
        float: left;
        margin-bottom: 0.32rem;
        font-size: 0.34667rem; }
        
      .trans .sign-count ul li:nth-child(1), 
      .trans .sign-count ul li:nth-child(3) {
        width: 21%; }
      .trans .sign-count ul li:nth-child(2), .trans .sign-count ul li:nth-child(4) {
        width: 29%; }
        
        
    .trans .sign-count .thead {
      color: #999; }
  .trans .active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(73, 73, 73, 0.48)), to(rgba(18, 18, 18, 0.51)));
    background-image: -webkit-linear-gradient(top, rgba(73, 73, 73, 0.48) 0%, rgba(18, 18, 18, 0.51) 100%);
    background-image: linear-gradient(-180deg, rgba(73, 73, 73, 0.48) 0%, rgba(18, 18, 18, 0.51) 100%);
    -webkit-box-shadow: 0 0.26667rem 0.8rem 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.26667rem 0.8rem 0 rgba(0, 0, 0, 0.2); }

.mask {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9; }

/*# sourceMappingURL=../sourcemap/trans.css.map */
